<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu-关于我们</title>
    <style>
        html,body{
            height:100%;
        }
        *{
            margin:0;
            padding:0;
        }
        body{
            max-width: 1000px;
            margin:0 auto;
            font: 12px/1.5 "Microsoft YaHei","Hiragino Sans GB";
            color:#333;
            background-color: #EFF1EF;
            overflow: hidden;
        }
        header{
            height:44px;
            background-color: #b92b27;
        }
        .mweb_modal_back_button{
            width:44px;
            height:44px;
            float: left;
            box-sizing: border-box;
            position: relative;
            cursor: pointer;
        }
        .mweb_modal_back_button:after {
            content: "";
            display: block;
            height: 10px;
            width: 10px;
            border: 2px solid #fff;
            border-bottom: 0;
            border-left: none;
            position: absolute;
            left:10px;
            margin-top: -7.14285714px;
            top: 50%;
            transform: rotate(-135deg);
        }
        .page_title{
            margin:0 44px;
            height:44px;
            line-height: 44px;
            box-sizing: border-box;
            color: rgba(255,255,255,1);
            font-size: 16px;
            text-align: center;
        }
        .title{
            width:185px;
            text-align: center;
            font-weight: 700;
            margin:0 auto;
            margin-top: 20px;
            overflow: hidden;
        }
        .title>div,.title>a{
            float: left;
            display:inline-block;
            height:45px;
        }
        .title>a{
            width:130px;
            font-size: 16px;
            text-align: left;
            padding-left: 10px;
            color:#868686;
            cursor: default;
        }
        .title>.lf{
            width:45px;
        }
        .title>.lf>img{
            width:100%;
        }
        .title>.rt>p{
            font-size: 20px;
        }
        .content{
            line-height: 24px;
            font-size: 13px;
            padding:10px;
            margin: 20px;
            border: 1px solid #D7D7D7;
        }
        .content>p{
            margin:0;
            text-indent:25px;
        }
        footer{
            position:fixed;
            bottom: 0;
            max-width: 1000px;
            width:100%;
            margin: 0 auto;
            padding: 10px 0;
            border-top: 1px solid #ebebeb;;
            text-align: center;
            color: #8c8c8c;
        }
        #footer p{
            padding:0;
            margin:0;
            width: 100%;
        }
        #footer a{
            color: #8c8c8c;
            text-decoration:none;
        }
        /*修改*/
        header,.title,.content,footer{display:none;}
        .content2{
            display: block;
            position:absolute;
            bottom:30%;
            color:#FCF9F8;
            border: 1px solid transparent;
        }
        #newbody{
            position: absolute;
            top:0;
            left:50%;
            transform: translateX(-50%);
            width:100%;
            max-width:1000px;
            height:100%;
        }
        #newbody img{
            width:100%;
            height:100%;
        }
        #gobackbtn{
            width:44px;
            height:44px;
            position:absolute;
            top:0;
            left:0;
        }
        #title{
            position:absolute;
            left:44px;
            right:44px;
            height:44px;
            text-align: center;
            line-height: 44px;
            font-size: 16px;
            color:#FCF9F8;
        }
    </style>
</head>
<body>
<!--修改-->
<div id="newbody">
    <div id="gobackbtn" class="mweb_modal_back_button" onclick="history.go(-1)"></div>
    <div id="title">关于我们</div>
    <img src="img/welcompulu.jpg"/>
    <div class="content content2">
        <p>铺路科技，概念来源于“走的人多了就成了路”。公司短期目标，提供更便利的“分享”平台，提升每个人的信息利用效率；长期目标，通过互联网改良社会运行模式。</p>
    </div>
    <script>
        function IsPC() {
            var userAgentInfo = navigator.userAgent;
            var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
            var flag = true;
            for (var v = 0; v < Agents.length; v++) {
                if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
            }
            return flag;
        }
        if(IsPC()){
            document.querySelector("#newbody").style.background='url("img/pulupc01.jpg")no-repeat center';
        }
    </script>
</div>
<header>
    <div class="mweb_modal_back_button" onclick="history.go(-1)"></div>
    <div class="page_title">关于我们</div>
</header>
<div class="body">
    <div class="title">
        <div class="lf"><img src="img/logo.png" alt="铺路网"/></div>
        <a class="rt"><i>铺路经验<br>www.pulu.com</i></a>
    </div>
    <div class="content">
        <p>铺路科技，概念来源于“走的人多了就成了路”。公司短期目标，提供更便利的“分享”平台，提升每个人的信息利用效率；长期目标，通过互联网改良社会运行模式。</p>
        <p style="display:none"></p>
        <p style="display:none">公司自成立以来，凭借技术优势与高素质的人才队伍，开拓进取的企业精神，公司业绩同比保持100%高速增长，年销售额近亿人民币；客户遍及欧美、中东、非洲及东南亚等地。产品的良好品质，已在海外市场赢得很高的声誉，有一定的品牌知名度。 面向未来，公司将继续秉承“高效 务实 为客户服务”的经营理念，勇攀高峰。</p>
    </div>

</div>
<footer>
    <!--底部-->
    <div id="footer">
        版权所有©铺路科技有限公司
        <p><a href="http://www.miitbeian.gov.cn">粤ICP备11011678号-4</a></p>
    </div>
</footer>
</body>
</html>